<template>
  <div>
    <van-button type="primary">主要按钮</van-button>
    <button @click="addFn">添加</button>
  </div>
</template>

<script>
import { ref } from "vue";
export default {
  // setup函数是组合api的入口函数
  setup() {
    // 定义了一个名称叫做count的变量，这个变量的初始值是0，这个变量发生改变之后，Vue会自动更新Ui
    let count = ref(0);
    // 在组合api中，如果想定义方法，不同定义到methods中，直接定义即可
    function addFn() {
      count.value += 1;
    }
    function onClickLeft() {}
    function onClickRight() {}

    // 注意点：
    // 在组合api中定义的变量、方法，要想在外界使用，必须通过return { xx, xxx} 暴露出去
    return { count, addFn, onClickLeft, onClickRight };
  },
};
</script>